<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<meta name="description" content="">
		<meta name="author" content="">
		<title>moma Home</title>
		<!--link rel="stylesheet/less" href="less/bootstrap.less" type="text/css" /-->
		<!--link rel="stylesheet/less" href="less/responsive.less" type="text/css" /-->
		<!--script src="js/less-1.3.3.min.js"></script-->
		<!--append ‘#!watch’ to the browser URL, then refresh the page. -->

		<link href="css/bootstrap.min.css" rel="stylesheet">
		<link href="css/style.css" rel="stylesheet">

		<!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
		<!--[if lt IE 9]>
		<script src="js/html5shiv.js"></script>
		<![endif]-->

		<!-- Fav and touch icons -->
		<link rel="apple-touch-icon-precomposed" sizes="144x144" href="img/apple-touch-icon-144-precomposed.png">
		<link rel="apple-touch-icon-precomposed" sizes="114x114" href="img/apple-touch-icon-114-precomposed.png">
		<link rel="apple-touch-icon-precomposed" sizes="72x72" href="img/apple-touch-icon-72-precomposed.png">
		<link rel="apple-touch-icon-precomposed" href="img/apple-touch-icon-57-precomposed.png">
		<link rel="shortcut icon" href="img/favicon.png">

		<!-- Disable google translate bar -->
		<meta name="google" value="notranslate" />

		<script type="text/javascript" src="js/jquery.min.js"></script>
		<script type="text/javascript" src="js/bootstrap.min.js"></script>
		<script type="text/javascript" src="js/main.js"></script>
		<script type="text/javascript" src="js/tableBuilder.js"></script>
		<script type="text/javascript" src="js/betBuilder.js"></script>
	</head>
	<!--<script>
	(function(i, s, o, g, r, a, m) {
	i['GoogleAnalyticsObject'] = r;
	i[r] = i[r] ||
	function() {
	(i[r].q = i[r].q || []).push(arguments)
	}, i[r].l = 1 * new Date();
	a = s.createElement(o), m = s.getElementsByTagName(o)[0];
	a.async = 1;
	a.src = g;
	m.parentNode.insertBefore(a, m)
	})(window, document, 'script', '//www.google-analytics.com/analytics.js', 'ga');

	ga('create', 'UA-52111811-1', 'jitsu.com');
	ga('send', 'pageview');

	</script>-->
	<body>
		<div class="bodyContainer">
			<img id='bannerImg' src='img/banner.jpg'>
			<a href="#" onclick="profile()"> <img id='logoImg' src="img/logo.png" /></a>
			<a id='modal-129013' href='#modal-container-129013' role='button' class='btn' data-toggle='modal'><img id='helpImg' src="img/help.png" /></a>

			<div id="headerDiv">

				<div  style="margin-top: 1%">
					<a href="#" style='float:right;text-decoration:none ; color:white;position:relative' onclick="logout()">Log out</a>

					<a href="#" style='float:right ;text-decoration:none; color:white;position:relative' onclick="changeGroup()">Change Group/</a>
					<br>
					<a id='modal-129000' style='float:right ;text-decoration:none;position:relative; color:white' href='#modal-container-129000' role='button' class='btn' data-toggle='modal'>Change My Name</a>

				</div>
				<!--<h2 class="text-center"> --<span id="userNameSpan"></span> Welcome to Mondial 2014, Group <span id="collectionNameSpan"></span> -- </h2> -->
				<div id="nextMatchesDivGrouped">
					<div id="nextMatchesDiv">
						<!--- This is where the date's match goes --->
					</div>
				</div>

			</div>
			<div id="levelNavigation">
				<ul class="nav nav-pills">

					<li id="header0" class="dropdown pull-left disabled">
						<a href="#" data-toggle="dropdown" class="dropdown-toggle" id="groupStageTab">Group Stage<strong class="caret"></strong></a>
						<ul class="dropdown-menu">
							<li>
								<a href="#" onclick="getGroupBets('A')">Group A</a>
							</li>
							<li>
								<a href="#"  onclick="getGroupBets('B')">Group B</a>
							</li>
							<li>
								<a href="#" onclick="getGroupBets('C')">Group C</a>
							</li>
							<li>
								<a href="#" onclick="getGroupBets('D')">Group D</a>
							</li>
							<li>
								<a href="#" onclick="getGroupBets('E')">Group E</a>
							</li>
							<li>
								<a href="#" onclick="getGroupBets('F')">Group F</a>
							</li>
							<li>
								<a href="#" onclick="getGroupBets('G')">Group G</a>
							</li>
							<li>
								<a href="#" onclick="getGroupBets('H')">Group H</a>
							</li>
						</ul>
					</li>
					<li class="disabled" id="header4">
						<a  href="#" onclick="getKnockoutBets(4)">1/8</a>
					</li>
					<li class="disabled" id="header3">
						<a    href="#" onclick="getKnockoutBets(3)">Quarter Final</a>
					</li>
					<li class="disabled" id="header2">
						<a   href="#" onclick="getKnockoutBets(2)">Semi-Final</a>
					</li>
					<li class="disabled" id="header1">
						<a   href="#" onclick="getKnockoutBets(1)">Final!</a>
					</li>
					<li>
						<a href="#" onclick="getTournamentBets()">Others</a>
					</li>
					<li>
						<a href="#" onclick="getWorldUsers()">World Table</a>
					</li>

				</ul>

				<br>

			</div>

			<div class="col-md-3 column" style="margin-left: 50px ; margin-top:5px; width:230px">
				<div id="userTableDiv">

				</div>
			</div>
			<div class="col-md-7 column" style="width:660px; margin-top:5px">
				<div align="center" id="placeBetDiv">
					<a href="#" onclick="setupBettingPage()">
					<button  id="placeABetButton"  type="button" class="btn btn-lg btn-info">
						<span id="levelToBetSpan"></span><img src="img/pen.png" style="float: right; size: 200%">
					</button> </a>
					<a href="#">
					<button onclick="setupTournBettingPage()" id="tournBetButton" style="margin-bottom: 1%;margin-top: 1%;float:right" type="button" class="btn btn-lg btn-info">
						Place Tournament Bet
					</button></a>
					<a href="#">
					<button onclick="buildQualifiersBetForm()" id="qualBetButton" style="margin-bottom: 1%;margin-top: 1%;float:left" type="button" class="btn btn-lg btn-info">
						Place Qualifiers Bet
					</button></a>

				</div>
				<!--- This is where the tables are built, group or knockout --->
				<div id="GroupAndKnockoutTableDiv">

					<div style="background:white;text-align:center; margin-top:25px; font-size: 20px;font-family: hebrewFont">

						<h2 style="font-family: mainFont;text-align: center">ATTENTION !</h2>
						<p>
							ביום שישי תיפתח האפשרות להמר על שמינית הגמר
						</p>
						<p>
							בשלב זה אתה מהמר על כ-ל משחקי שמינית גמר
						</p>
						<p style="font-weight: bold">
							ההימור יסגר כשעה לפני המשחק הראשון
						</p>
						<br>
						<p style="text-align: center;color:green">
							בונוס - כולם זכו ב7 נק' מתנה על מנת לפתוח משחק אחד חינם
						</p>
						<center><img src="img/dailyPic1.png">
						</center>
					</div>

				</div>
				<div id="qualifiersDiv"></div>
			</div>
			<div class="col-md-2 column" style="margin-right: 10px ; width:200px; margin-top:5px">
				<div id="rulesDiv"></div>
			</div>

		</div>
		<div class="modal fade" id="modal-container-129013" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
			<div class="modal-dialog">
				<div class="modal-content" style="text-align: right">
					<div class="modal-header" style="font-family:mainFont ; text-align: center;font-size:16px">
						Help?
					</div>

					<div class="modal-body">
						<div>

							<input type="button"  value="להורדת קובץ החוקים המלא" class='btn btn-lg btn-info' name="Download" onclick='window.location.href = "/resources/mondial_bet_guide.pdf"' target="_blank" style="font-family: hebrewFont;margin-left:30%;margin-right: 30%" />
							<!--<a href="/resources/mondial_bet_guide.pdf" target="_blank">להורדת דף הסבר מפורט</a>-->

						</div>
						<p id="popupText">
							<div id="howToPlayDiv" class='jumbotron well'>

								<div class="panel-group" id="panel-149504">
									<div class="panel panel-default">
										<div style="text-align: center" class="panel-heading">
											<a   class="panel-title collapsed " data-toggle="collapse" data-parent="#panel-149504" href="#panel-element-692900">$1</a>
										</div>
										<div id="panel-element-692900" class="panel-collapse collapse">
											<div class="panel-body">
												<p>
													המטרה היא לסיים עם הכי הרבה נקודות בקבוצה
													<br>
													<br>
													עד תחילת הטורניר אתה חייב להספיק להמר על:
													אלופה,מצטיין הטורניר ע"פ פיפ"א, מלך שערים, מי ה 2 עולות מכל בית <u>ובאיזה מיקום</u>, ו...להמר על כל התוצאות של כל משחקי שלב הבתים

												</p>
												<h3 style="font-family: hebrewFont">כל הניקוד נמצא בעמוד ההימורים - שנסגר ממש לפני כל שלב בטורניר</h3>
												<p>
													משם תוכלו להיכנס לשלב הבתים ולראות מה כל אחד הימר ובמה פגע
												</p>
											</div>
										</div>
									</div>
									<div class="panel panel-default">
										<div class="panel-heading">
											<a class="panel-title" data-toggle="collapse" data-parent="#panel-149504" href="#panel-element-153993">$2</a>
										</div>
										<div id="panel-element-153993" class="panel-collapse collapse">
											<div class="panel-body">
												<p>
													מהרגע שנגמר שלב הבתים  - תוכלו להיכנס לעמוד ההימור הבא - אבל
													<br>
													אם לא הימרתם על הקבוצה הזו שתעלה מהבית - לא תוכלו להמר עליה בשלב הבא
												</p>
												<p align="center">

													Damnnnn Son
													<br>
													Ya heard me <b>nigga</b>

												</p>
												טוב תוכלו
												<br>
												<p>
													אבל זה יעלה בקנס! מה שכן - אם נפגשות 2 קבוצות בשמינית גמר שעל <b>שתיהם</b>
													לא הימרת שיעלו מהבתים - המשחק נעול הרמטית
													<br>
													מה שאומר שגם בשלב הבא נדפקת ובמקרה הטוב

													תוכל לפתוח ת'משחק הבא
												</p>
											</div>
										</div>
									</div>
									<div class="panel panel-default">
										<div class="panel-heading">
											<a class="panel-title" data-toggle="collapse" data-parent="#panel-149504" href="#panel-element-731224">$3</a>
										</div>
										<div id="panel-element-731224" class="panel-collapse collapse">
											<div class="panel-body">
												<p>
													בכל שלב נוקאוט צריך להמר על מי עולה, ומה התוצאה
													<u>אחרי 90 דקות</u>
												</p>
												<p>
													טעית בהימור, שוב המשחק הבא נעול...ככה כל הדרך אל הגמר
												</p>
												<B>אבל יש עוד סיכוי - </B>עם הנקודות ממלך שערים, מצטיין, ואלופת הטורניר

											</div>
										</div>
									</div>
									<div class="panel panel-default">
										<div class="panel-heading">
											<a class="panel-title" data-toggle="collapse" data-parent="#panel-149504" href="#panel-element-731225">איך מהמרים </a>
										</div>
										<div id="panel-element-731225" class="panel-collapse collapse">
											<div class="panel-body">
												<p>

													לא מסובך - כל פעם ששלב הימורים חדש נפתח, יופיע במרכז המסך כפתור שרשום בו באנגלית
													<br>
													<center>
														Place a bet On:
													</center>

													<br>
													- ואז את השלב שעליו מהמרים - יש בצד גם עפרון קטן

													תלחצו שם - והכל יהיה ברור
												</p>
											</div>
										</div>
									</div>
								</div>

							</div>
						</p>
					</div>
					<div class="modal-footer" style="text-align:center;font-family: mainFont">
						<p>
							Bug? <a style="text-decoration:none" href="mailto:oreporan@gmail.com?Subject=Mondial" target="_top">Hit us up!</a>
						</p>
						<p>
							Big Bug?! 054-925-720 || 052-608-2290
						</p>

						<button type="button" class="btn btn-info" data-dismiss="modal">
							ok
						</button>
					</div>
				</div>

			</div>

		</div>

		<div class="modal fade" id="modal-container-129014" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
			<div class="modal-dialog">
				<div class="modal-content" style="text-align: right;font-family:hebrewFont">
					<div class="modal-body">
						<p id="popupText">
							ההימור התקבל
						</p>
					</div>
					<div class="modal-footer" id="loginPopupButtons">
						<a href="#">
						<button type="button" class="btn btn-info" data-dismiss="modal">
							OK
						</button></a>
					</div>
				</div>

			</div>

		</div>
		<div class="modal fade" id="modal-container-129000" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
			<div class="modal-dialog">
				<div class="modal-content" style="text-align: right;font-family:hebrewFont">
					<div class="modal-body">
						<div class="form-group">
							<div>
								<input type="text" class="form-control" id="inputChangeFirstName" min="3" placeholder="New First Name" required="required">
							</div>
							<div>
								<input type="text" class="form-control" id="inputChangeLastName" min="3" placeholder="New Last Name" required="required">
							</div>
						</div>
					</div>
					<div class="modal-footer" id="loginPopupButtons">
						<a href="#">
						<button  onclick="changeName()" type="button" class="btn btn-info" data-dismiss="modal">
							OK
						</button></a>
					</div>
				</div>

			</div>

		</div>

	</body>
</html>
